* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

body {
  width: 100%;
  height: 100vh;
  margin: 0;
  border: 0;
}

ul li {
  list-style: none;
}

input {
  background-color: transparent;
  /* 去除背景色 */
  border: none;
  /* 去除边框 */
  outline: none;
  /* 去除点击输入框时出现的轮廓 */
  padding: 0;
  /* 去除内边距 */
}

input::placeholder {
  /* 将这里的颜色代码换成你想要的颜色 */
  color: rgb(176, 176, 181);
}

/* input输入框的自动填充样式设置 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}

button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

a {
  color: rgba(22, 24, 35, .34);
  text-decoration: none;
}


.flex-box {
  display: flex;
  align-items: center;
}

.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.img-fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.f-red {
  color: #c78ba1;
}